<template>
	<view class="wrap">
		<image src="https://tb.wuyouzhuan888.com/applet-icon/bg.png" class="bg-set" mode=""></image>
		<view class="info">
			<image class="logo" :src="avatar" mode=""></image>
			<view class="name1">
				为您打造极致美学的桌面
			</view>
			<view class="list">
				<view class="item" @click="agreement()">
					<view class="name">
						用户协议
					</view>
					<image class="detail" src="https://tb.wuyouzhuan888.com/applet-icon/about2.png" mode=""></image>
				</view>
				<view class="item" @click="privacy()">
					<view class="name">
						隐私政策
					</view>
					<image class="detail" src="https://tb.wuyouzhuan888.com/applet-icon/about2.png" mode=""></image>
				</view>
				<view class="item" @click="infringement()">
					<view class="name">
						侵权联系
					</view>
					<image class="detail" src="https://tb.wuyouzhuan888.com/applet-icon/about2.png" mode=""></image>
				</view>
			</view>
		</view>

	</view>
</template>
<script>
	import HeadNavBar from '@/components/headnavbar/index';

	export default {
		components: {
			HeadNavBar,
		},
		data() {
			return {
				avatar:'',
			}
		},
		onLoad() {
			this.avatar = uni.getStorageSync('avatar')
		},
		methods: {
			// 用户协议
			agreement() {
				uni.navigateTo({
					url: '/pages/sys/user_bags/agreement'
				})
			},
			// 隐私政策
			privacy() {
				uni.navigateTo({
					url: '/pages/sys/user_bags/privacy'
				})
			},
			// 侵权联系
			infringement() {
				uni.navigateTo({
					url: '/pages/sys/user_bags/infringement'
				})
			},
		}
	};
</script>
<style scoped lang="scss">
	.wrap {
		margin: 0 32rpx;

		.title {
			font-size: 36rpx;
			font-family: PingFang SC-Light, PingFang SC;
			font-weight: 300;
			color: #FFFFFF;
			line-height: 42rpx;
		}

		.info {
			padding-top: 295rpx;

			.logo {
				width: 167rpx;
				height: 167rpx;
				display: block;
				margin: 0 auto;
			}

			.name1 {
				margin: 20rpx 0 40rpx;
				font-size: 30rpx;
				font-family: PingFang SC-Light, PingFang SC;
				font-weight: 300;
				color: #FFFFFF;
				text-align: center;
			}

			.list {
				padding: 36rpx 40rpx;

				background: #1E1E38;
				border-radius: 16rpx;
				border: 1rpx solid #rgba(84, 80, 95, 1);

				.item {
					display: flex;
					align-items: center;
					justify-content: space-between;
					margin-bottom: 60rpx;

					&:last-child {
						margin-bottom: 0;
					}

					.name {
						font-size: 28rpx;
						font-family: PingFang HK-Light, PingFang HK;
						font-weight: 300;
						color: #FFFFFF;
					}

					.detail {
						width: 13rpx;
						height: 22rpx;
					}
				}

			}
		}
	}
</style>